<template>
  <div  class="dashboard-editor-container">
    <el-row style="background: #fff;">
      <el-tabs type="border-card" v-model="activeName" @tab-click="handleClick">
        <el-tab-pane key="企业角色" label="企业角色" name="企业角色" lazy>
          <corporateRole ref="企业角色"></corporateRole>
        </el-tab-pane>
        <el-tab-pane key="事件字典" label="事件字典" name="事件字典" lazy>
          <eventDictionary ref="事件字典"></eventDictionary>
        </el-tab-pane>
        <el-tab-pane key="资产类型" label="资产类型" name="资产类型" lazy>
          <assetsDictionary ref="资产类型"></assetsDictionary>
        </el-tab-pane>
        <el-tab-pane key="自启软件" label="自启软件" name="自启软件" lazy>
          <selfStartingSoftware ref="自启软件"></selfStartingSoftware>
        </el-tab-pane>
        <el-tab-pane key="安装软件" label="安装软件" name="安装软件" lazy>
          <installSoftware ref="安装软件"></installSoftware>
        </el-tab-pane>
        <el-tab-pane key="窗口进程" label="窗口进程" name="窗口进程" lazy>
          <windowProcess ref="窗口进程"></windowProcess>
        </el-tab-pane>
        <el-tab-pane key="运行进程" label="运行进程" name="运行进程" lazy>
          <runProcess ref="运行进程"></runProcess>
        </el-tab-pane>
        <el-tab-pane key="数字签名" label="数字签名" name="数字签名" lazy>
          <digitalSignature ref="数字签名"></digitalSignature>
        </el-tab-pane>
        <el-tab-pane key="域名库" label="域名库" name="域名库" lazy>
          <domainLibrary ref="域名库"></domainLibrary>
        </el-tab-pane>
        <el-tab-pane key="配件字典" label="配件字典" name="配件字典" lazy>
          <accessoriesDictionary ref="配件字典"></accessoriesDictionary>
        </el-tab-pane>
        <el-tab-pane key="开放端口" label="开放端口" name="开放端口" lazy>
          <openPort ref="开放端口"></openPort>
        </el-tab-pane>


        <!-- <el-tab-pane key="常用端口" label="常用端口" name="常用端口" lazy>
          <commonPorts ref="常用端口"></commonPorts>
        </el-tab-pane> -->
      </el-tabs>
    </el-row>
  </div>
</template>
<script>
import  corporateRole  from './corporateRole.vue'
import  eventDictionary  from './eventDictionary.vue'
import  assetsDictionary  from './assetsDictionary.vue'
import  selfStartingSoftware  from './selfStartingSoftware.vue'
import  installSoftware  from './installSoftware.vue'
import  windowProcess  from './windowProcess.vue'
import  runProcess  from './runProcess.vue'
import  digitalSignature  from './digitalSignature.vue'
import  domainLibrary  from './domainLibrary.vue'
import  accessoriesDictionary  from './accessoriesDictionary.vue'
import  openPort  from './openPort.vue'

import  commonPorts  from './commonPorts.vue'
export default {
  components: { 
    corporateRole, 
    eventDictionary, 
    assetsDictionary, 
    selfStartingSoftware, 
    installSoftware, 
    windowProcess, 
    runProcess, 
    digitalSignature,
    domainLibrary,
    accessoriesDictionary,
    openPort,
    commonPorts 
  },
data() {
  return {
    activeName: '企业角色',
  }
},
  //生命周期 - 创建完成（访问当前this实例）
  created() {
  },
  //生命周期 - 挂载完成（访问DOM元素）
  mounted() {
  },
  methods: {
    handleClick(item){
      this.$nextTick(() => {
        this.$refs[item.name].getData('')
      })
    }
  }
}
</script>
<style lang="scss" scoped>
/* @import url(); 引入css类 */
@import "~@/styles/variables.scss";

</style>

